@import "../_mixin";
.recharge {
 
	header {
		padding-top: 0.933333rem;
		width: 100%;
		height: 4.0rem;
 
		background:url(../../../assets/images/user/recharge-bg.png); 
		background-size:cover;
		.pic {
			margin: 0 auto;
			width: 7.013333rem;
			text-align: center;

			img {
				width: 100%;
			}
		}
	}

	section {


		.box {
			display: -webkit-box;
			padding: 0.4rem 0.4rem;

			.logo {
				width: 1.186667rem;
				height:100%;
				background:none;
			}

			.info {
				-webkit-box-flex: 1;
				margin-left: 0.32rem;
				line-height: 150%;
				@include font-dpr(16px);

				strong {
					color: #333;
				}

				span {
					display: block;
					color: #999;
				}
			}
		}

		.set-money {
			padding: 0.4rem 0;
			border-top: 1px solid #e3e3e3;
			border-bottom: 1px dashed #e3e3e3;
			background:#fff;
			img {
				width: 0.613333rem;
				vertical-align: middle;
			}
			span{
				@include fz(15px);
				vertical-align:middle;
				padding-left:0.125rem;
			}

			input {
				padding-left: 0.266667rem;
				border: none;
				vertical-align: middle;
				@include font-dpr(15px);
			}
		}

		.money {
			padding: 0.4rem 0.35rem;

			span {
				color: #999;
				@include font-dpr(15px);
			}
		}

		.btn {

			display: block;
			margin-top: 0.4rem;
			padding: 0.3rem 0;
			width: 92%;
			border: none;
			border-radius: 0.213333rem;
			background-color: $mainColor;
			color: #fff;
			margin: auto;
			@include font-dpr(19px);
			margin-bottom:0.8rem;
		}

		.note{
			margin-top:0.375rem;
			padding: 0rem 0.2rem;

			@include font-dpr(15px);
			color:$preColor;
			dd{

				b{
					margin-bottom:0.25rem;
					display:block;
					font-weight:normal;
				}

				a{
					color:$blueColor!important;
					@include fz(14px);
				}
			}


			dt, dd{
				margin-bottom:0.25rem;

				a{
					color:$primaryColor;
				}
			}
			img{
				width:100%;
			}

		}


	}
}